.h-icon {
  --h-icon-color: inherit;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--h-icon-color);
  font-size: inherit;
}

@each $val in primary, info, success, warning, danger {
  .h-icon--$(val) {
    --h-icon-color: var(--h-color-$(val));
  }
}
